<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.all{
			width: 100%;
			height: 100%;
			line-height: 100%;
		}
		.login{
			width: 440px;
			height: 250px;
			margin:180px auto;
			border:3px #222222 solid;
			border-radius: 6px;
			box-shadow: 15px 15px 5px lightgrey;
		}
		.login_inner{
			width:400px;
			margin: 20px;

		}
		.bg_top{
			background-color: #222222;
			color: white;
			height: 35px;
			line-height: 35px;
			font-size: 22px;
		}
		.captach{	
			display: inline-block;
			text-decoration: none;
			color: black;
			font-size: 12px;
			vertical-align: bottom;
		}
		input{
			width: 150px;
			height: 30px;
			line-height: 30px;
			font-size: 16px;
			border-radius: 5px;
			box-shadow: 10px;
			background-color: lightgrey;
		}
		.but{
			width: 80px;
			height: 30px;
			border-radius: 5px;
			box-shadow: 5px 5px 5px grey;
		}
	</style>
</head>
<body>
<div class="all">
	<div class="login">
		<div class="bg_top">　　登录首页</div>
		<div class="login_inner">
			<form action="act.php" method="post">

				<label>
					用户名：<input type="text" name="user"><br><br>
				</label>
				<label>
					密　码：<input type="password" name="pass"><br><br>
				</label>
				<label>
					验证码：<input type="text" name="cap">
				</label>
				<a href="register.html" class="captach"><img src="captach.php">&nbsp;点击刷新</a><br><br>
				　　　　<input type="submit"　name="sub" value="登录"  class="but">　　　<input type="reset" name="res"  class="but">
			</form>
		</div>
	</div>
</div>
</body>
</html>